<template></template>
<style>
body {
  touch-action: manipulation;
  font-size: 16px;
}

.ios-bottom {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.hover-box .hover-target {
  visibility: hidden;
}

.hover-box:hover .hover-target {
  visibility: visible;
}
</style>

<style>
*[role="dot"] {
  position: fixed;
  width: 75%;
  height: 50vh;
  opacity: 0.1;
  filter: blur(100px);
  pointer-events: none;
}

dot-primary {
  background-color: var(--q-primary);
  bottom: 0;
  right: 0;
}

dot-accent {
  background-color: var(--q-accent);
  top: 0;
  left: 0;
}
</style>
